<!DOCTYPE html>
<html>


<head>
    <meta charset='utf-8'/>
    <meta name='description' content=''/>
    <meta name='robots' content='noodp, noydir'/>
    <meta name='viewport' content='width=device-width, initial-scale=1'/>
    <meta id="timeStampFormat" name="timeStampFormat" content='MMM d, yyyy hh:mm:ss a'/>
    <script src='http://extentreports.com/resx/dist/js/extent.js' type='text/javascript'></script>
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <link href='http://extentreports.com/resx/dist/css/extent.css' type='text/css' rel='stylesheet'/>

    <title>{{ html_report_name }} - TestReport</title>

    <style type='text/css'>
        .node.level-1 ul {
            display: none;
        }

        .node.level-1.active ul {
            display: block;
        }

        .card-panel.environment th:first-child {
            width: 30%;
        }
    </style>
</head>

<body class='extent standard default hide-overflow white'>
    <div id='theme-selector' alt='切换主题，默认黑色' title='切换主题'>
        <span><i class='material-icons'>desktop_windows</i></span>
    </div>

    <nav>
        <div class="nav-wrapper">
            <a href="#!" class="brand-logo blue darken-3">Extent</a>

            <!-- slideout menu -->
            <ul id='slide-out' class='side-nav fixed hide-on-med-and-down'>
                <li class='waves-effect active'><a href='#!' view='test-view'
                                                   onclick="configureView(0);chartsView('test');"><i
                        class='material-icons'>dashboard</i></a>
                </li>
                <li class='waves-effect'><a href='#!' view='category-view' onclick="configureView(1)"><i
                        class='material-icons'>label_outline</i></a></li>
                <li class='waves-effect'><a href='#!' onclick="configureView(-1);chartsView('dashboard');"
                                            view='dashboard-view'><i class='material-icons'>track_changes</i></a></li>
            </ul>

            <!-- report name -->
            <span class='report-name'>Test Report: {{ html_report_name }}</span>

            <!-- report headline -->
            <span class='report-headline'></span>

            <!-- nav-right -->
            <ul id='nav-mobile' class='right hide-on-med-and-down nav-right'>
                <li>
                    <a href='#!'>
                        <span class='label suite-start-time blue darken-3'>{{ time.start_date }}</span>
                    </a>
                </li>
                <li>
                    <a href='#!'>
                        <span class='label blue darken-3'>HttpRunner {{ platform.httprunner_version }} </span>
                    </a>
                </li>
                <li>
                    <a href='#!'>
                        <span class='label blue darken-3'>{{ platform.python_version }} </span>
                    </a>
                </li>
                <li>
                    <a href='#!'>
                        <span class='label blue darken-3'>{{ platform.platform }}</span>
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <!-- container -->
    <div class='container'>

        <div id='test-view' class='view'>

{#            <section id='controls'>#}
{#                <div class='controls grey lighten-4'>#}
{#                    <!-- test toggle -->#}
{#                    <div class='chip transparent'>#}
{#                        <a class='dropdown-button tests-toggle' data-activates='tests-toggle' data-constrainwidth='true'#}
{#                           data-beloworigin='true' data-hover='true' href='#'>#}
{#                            <i class='material-icons'>warning</i> Status#}
{#                        </a>#}
{#                        <ul id='tests-toggle' class='dropdown-content'>#}
{#                            <li status='pass'><a href='#!'>Pass <i#}
{#                                    class='material-icons green-text'>check_circle</i></a>#}
{#                            </li>#}
{#                            <li status='fail'><a href='#!'>Fail <i class='material-icons red-text'>cancel</i></a></li>#}
{#                            <li status="skip"><a href="#!">Skip <i class="material-icons cyan-text">redo</i></a></li>#}
{#                            <li class='divider'></li>#}
{#                            <li status='clear' clear='true'><a href='#!'>Clear Filters <i#}
{#                                    class='material-icons'>clear</i></a></li>#}
{#                        </ul>#}
{#                    </div>#}
{#                    <!-- test toggle -->#}
{##}
{##}
{#                    <!-- category toggle -->#}
{##}
{#                    <!-- clear filters -->#}
{#                    <div class='chip transparent hide'>#}
{#                        <a class='' id='clear-filters' alt='Clear Filters' title='Clear Filters'>#}
{#                            <i class='material-icons'>close</i> Clear#}
{#                        </a>#}
{#                    </div>#}
{#                    <!-- clear filters -->#}
{##}
{#                    <!-- enable dashboard -->#}
{#                    <div id='toggle-test-view-charts' class='chip transparent'>#}
{#                        <a class='pink-text' id='enable-dashboard' alt='Enable Dashboard' title='Enable Dashboard'>#}
{#                            <i class='material-icons'>track_changes</i> Dashboard#}
{#                        </a>#}
{#                    </div>#}
{#                    <!-- enable dashboard -->#}
{##}
{#                    <!-- search -->#}
{#                    <div class='chip transparent' alt='Search Tests' title='Search Tests'>#}
{#                        <a href="#" class='search-div'>#}
{#                            <i class='material-icons'>search</i> Search#}
{#                        </a>#}
{##}
{#                        <div class='input-field left hide'>#}
{#                            <input style="color: red" id='search-tests' type='text' class='validate browser-default'#}
{#                                   placeholder='Search Tests...'>#}
{#                        </div>#}
{##}
{#                    </div>#}
{#                    <!-- search -->#}
{#                </div>#}
{#            </section>#}


{#            <div id='test-view-charts' class='subview-full'>#}
{##}
{#                <div id='test-view-charts' class='subview-full'>#}
{#                    <div id='charts-row' class='row nm-v nm-h'>#}
{#                        <div class='col s12 m6 l6 np-h'>#}
{#                            <div class='card-panel nm-v'>#}
{##}
{#                                <div class='block text-small'>#}
{#                                    <span data-position='top'><span class='strong' style="font-size:20px">Tests</span>#}
{#                                </div>#}
{#                                <div class='block text-small'>#}
{#                                    <span data-position='top'><span class='strong' style="color:#32cd32">{{ stat.teststeps.successes }}</span> api(s) passed</span>#}
{#                                </div>#}
{#								<div class='block text-small'>#}
{#                                    <span data-position='top'><span class='strong' style="color:red">{{ stat.teststeps.failures }}</span> api(s) failed</span>#}
{#                                </div>#}
{#								<div class='block text-small'>#}
{#									<span data-position='top'><span class='strong' style="color:#42A5F5">{{ stat.teststeps.errors }}</span> api(s) errored</span>#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
{##}
{#                        <div class='col s12 m6 l6 np-h'>#}
{#                            <div class='card-panel nm-v'>#}
{#								#}
{#								<div class='block text-small'>#}
{#                                    <span data-position='top'><span class='strong' style="font-size:20px">Cases</span>#}
{#                                </div>#}
{#								#}
{#								<div class='block text-small'>#}
{#									<span data-position='top'><span class='strong'  style="color:#32cd32">{{ stat.successes_scene }}</span> case(s) successes</span>#}
{#                                </div>#}
{#								#}
{#								<div class='block text-small'>#}
{#									<span data-position='top'><span class='strong' style="color:red">{{ stat.failures_scene }}</span> case(s) failures</span>#}
{#                                </div>#}
{##}
{#                            </div>#}
{#                        </div>#}
{##}
{#                    </div>#}
{#                </div>#}
{#            </div>#}

{#            <div class='subview-left left'>#}
{##}
{#                <div class='view-summary'>#}
{#                    <h5>Cases</h5>#}
{#                    <ul id='test-collection' class='test-collection'>#}
{##}
{#                        {% for test_suite_summary in details %}#}
{#                        {% if test_suite_summary.success == True %}#}
{#                        <li class='test displayed active has-leaf pass' status='pass' bdd='true'#}
{#                            test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>#}
{#                            {% else %}#}
{#                        <li class='test displayed active has-leaf fail' status='fail' bdd='false'#}
{#                            test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>#}
{#                            {% endif %}#}
{#                            <div class='test-heading'>#}
{#                                <span class='test-name'>{{ test_suite_summary.name }}</span>#}
{#                                <span class='label start-time'>{{ '%0.3f'| format(test_suite_summary.time.duration|float) }} ms</span>#}
{#                                {% if test_suite_summary.success == True %}#}
{#                                <span class='test-status right pass'>pass</span>#}
{#                                {% else %}#}
{#                                <span class='test-status right fail'>fail</span>#}
{#                                {% endif %}#}
{##}
{##}
{#                            </div>#}
{#                            <div class='test-content hide'>#}
{#                                <div class='test-desc'>Pass: {{ test_suite_summary.stat.successes }} ;#}
{#                                    Fail: {{ test_suite_summary.stat.failures }} ;#}
{#                                    Error: {{ test_suite_summary.stat.errors }}#}
{#                                    Skip: {{ test_suite_summary.stat.skipped }} ;#}
{#                                </div>#}
{#                                <div class='test-attributes'>#}
{#  #}
{#                                </div>#}
{#                                <ul class='collapsible node-list' data-collapsible='accordion'>#}
{#                                    {% for record in test_suite_summary.records %}#}
{#                                    {% if record.status == 'success' %}#}
{#                                    <li class='node level-1 leaf pass' status='pass'#}
{#                                        test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                        {% elif record.status == 'failure' %}#}
{#                                    <li class='node level-1 leaf fail' status='fail'#}
{#                                        test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                        {% elif record.status == 'error' %}#}
{#                                    <li class='node level-1 leaf error' status='error'#}
{#                                        test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                        {% elif record.status == 'skipped' %}#}
{#                                    <li class='node level-1 leaf skip' status='skip'#}
{#                                        test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                        {% endif %}#}
{#                                        <div class='collapsible-header'>#}
{#                                            <div class='node-name'>{{ record.name }}</div>#}
{#                                            <span class='node-time'>{{ record.start_timestamp }}</span>#}
{#                                            <span class='node-duration'>response_time: {{ record.meta_datas.response.response_time_ms }} ms</span>#}
{#                                            {% if record.status == 'success' %}#}
{#                                            <span class='test-status right pass'>pass</span>#}
{#                                            {% elif record.status == 'failure' %}#}
{#                                            <span class='test-status right fail'>fail</span>#}
{#                                            {% elif record.status == 'error' %}#}
{#                                            <span class='test-status right error'>error</span>#}
{#                                            {% elif record.status == 'skipped' %}#}
{#                                            <span class='test-status right skip'>skip</span>#}
{#                                            {% endif %}#}
{##}
{#                                        </div>#}
{#                                        <div class='collapsible-body'>#}
{#                                            <div class='category-list right'>#}
{#                                                <span class='category label white-text'>{{ test_suite_summary.name }}</span>#}
{#                                                <span class='category label white-text'>{{ record.name }}</span>#}
{#                                            </div>#}
{#                                            <div class='node-steps'>#}
{#                                                <table class='bordered table-results'>#}
{#                                                    <thead>#}
{#                                                    <tr>#}
{#                                                        <th>Status</th>#}
{#                                                        <th>Params</th>#}
{#                                                        <th>Details</th>#}
{#                                                    </tr>#}
{#                                                    </thead>#}
{#                                                    <tbody>#}
{#                                                    <tr class='info' status='info'>#}
{#                                                        <td class='status info' title='info' alt='info'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>url</td>#}
{#                                                        <td class='step-details'>{{ record.meta_data.request.url }}</td>#}
{#                                                    </tr>#}
{#                                                    <tr class='info' status='info'>#}
{#                                                        <td class='status info' title='info' alt='info'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>method</td>#}
{#                                                        <td class='step-details'>{{ record.meta_data.request.method }}#}
{#                                                        </td>#}
{#                                                    </tr>#}
{#                                                    <tr class='info' status='info'>#}
{#                                                        <td class='status info' title='info' alt='info'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>status_code</td>#}
{#                                                        <td class='step-details'>{{#}
{#                                                            record.meta_data.response.status_code }}#}
{#                                                        </td>#}
{#                                                    </tr>#}
{#                                                    {% for key, value in record.meta_data.request.items() %}#}
{#                                                    {% if key != 'url' and key != 'method' and key != 'start_timestamp'#}
{#                                                    %}#}
{#                                                    <tr class='log' status='debug'>#}
{#                                                        <td class='status debug' title='debug' alt='debug'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>{{ key }}</td>#}
{#                                                        <td class='step-details'>#}
{#                                                            {% if key == "headers" %}#}
{#                                                            {% for header_key, header_value in#}
{#                                                            record.meta_data.request.headers.items() %}#}
{#                                                            <div>#}
{#                                                                <strong>{{ header_key }}</strong>: {{ header_value }}#}
{#                                                            </div>#}
{#                                                            {% endfor %}#}
{#                                                            {% else %}#}
{#                                                            {{ value }}#}
{#                                                            {% endif %}#}
{#                                                        </td>#}
{##}
{#                                                    </tr>#}
{#                                                    {% endif %}#}
{#                                                    {% endfor %}#}
{##}
{#                                                    {% for key, value in record.meta_data.response.items() %}#}
{#                                                    {% if key != "content" and key != "json" and key != "elapsed_ms" and#}
{#                                                    key != "response_time_ms" and key != "content_size" and key !=#}
{#                                                    "content_type" and key != "status_code" and key != "reason" and key#}
{#                                                    != "ok" and key != "encoding" and key != "url" %}#}
{#                                                    <tr class='log' status='debug'>#}
{#                                                        <td class='status debug' title='debug' alt='debug'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>{{ key }}</td>#}
{#                                                        <td class='step-details'>#}
{#                                                            {% if key == "headers" %}#}
{#                                                            {% for header_key, header_value in#}
{#                                                            record.meta_data.response.headers.items() %}#}
{#                                                            <div>#}
{#                                                                <strong>{{ header_key }}</strong>: {{ header_value }}#}
{#                                                            </div>#}
{#                                                            {% endfor %}#}
{#                                                            {% elif key == "text" %}#}
{#                                                            {% if record.meta_data.response.content_type == 'image' %}#}
{#                                                            <img src="{{ record.meta_data.response.content }}"/>#}
{#                                                            {% else %}#}
{#                                                            <pre>{{ record.meta_data.response.text }}</pre>#}
{#                                                            {% endif %}#}
{#                                                            {% else %}#}
{#                                                            {{ value }}#}
{#                                                            {% endif %}#}
{#                                                        </td>#}
{#                                                    </tr>#}
{#                                                    {% endif %}#}
{#                                                    {% endfor %}#}
{##}
{#                                                    <tr class='log' status='pass'>#}
{#                                                        <td class='status pass' title='pass' alt='pass'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>Validators</td>#}
{#                                                        <td class='step-details'>#}
{#                                                            {% for validator in record.meta_data.validators %}#}
{#                                                            <div>#}
{#                                                                <strong>{{ validator.comparator }}:</strong>[ {{#}
{#                                                                validator.expect }}#}
{#                                                                ,&nbsp;&nbsp;{{ validator.check_value }} ]#}
{#                                                            </div>#}
{#                                                            {% endfor %}#}
{#                                                        </td>#}
{#                                                    </tr>#}
{##}
{#                                                    <tr class='info' status='info'>#}
{#                                                        <td class='status info' title='info' alt='info'><i#}
{#                                                                class='material-icons'>low_priority</i></td>#}
{#                                                        <td class='timestamp'>Statistics</td>#}
{#                                                        <td class='step-details'>#}
{#                                                            <div>#}
{#                                                                content_size(bytes): {{#}
{#                                                                record.meta_data.response.content_size }}#}
{#                                                            </div>#}
{#                                                            <div>#}
{#                                                                response_time(ms): {{#}
{#                                                                record.meta_data.response.response_time_ms }}#}
{#                                                            </div>#}
{#                                                            <div>#}
{#                                                                elapsed(ms): {{ record.meta_data.response.elapsed_ms }}#}
{#                                                            </div>#}
{#                                                        </td>#}
{#                                                    </tr>#}
{##}
{##}
{#                                                    {% if record.attachment %}#}
{#                                                    <tr class='log' status='fail'>#}
{#                                                        <td class='status fail' title='fail' alt='fail'><i#}
{#                                                                class='material-icons'>cancel</i></td>#}
{#                                                        <td class='timestamp'>exception:</td>#}
{#                                                        <td class='step-details'>#}
{#                                                            <pre>{{ record.attachment }}</pre>#}
{#                                                        </td>#}
{#                                                    </tr>#}
{#                                                    {% endif %}#}
{#                                                    </tbody>#}
{#                                                </table>#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </li>#}
{#                                    {% endfor %}#}
{#                                </ul>#}
{#                            </div>#}
{#                            {% endfor %}#}
{#                    </ul>#}
{#                </div>#}
{#            </div>#}
            <!-- subview left -->

{#            <div class='subview-right left'>#}
{#                <div class='view-summary'>#}
{#                    <h5 class='test-name'></h5>#}
{##}
{#                    <div id='step-filters' class="right">#}
{#                    <span class="blue-text" status="info" alt="info" title="info"><i#}
{#                            class="material-icons">info_outline</i></span>#}
{#                        <span class="green-text" status="pass" alt="pass" title="pass"><i class="material-icons">check_circle</i></span>#}
{#                        <span class="red-text" status="fail" alt="fail" title="fail"><i#}
{#                                class="material-icons">cancel</i></span>#}
{#                        <span class="red-text text-darken-4" status="fatal" alt="fatal" title="fatal"><i#}
{#                                class="material-icons">cancel</i></span>#}
{#                        <span class="pink-text text-lighten-1" status="error" alt="error" title="error"><i#}
{#                                class="material-icons">error</i></span>#}
{#                        <span class="orange-text" alt="warning" status="warning" title="warning"><i#}
{#                                class="material-icons">warning</i></span>#}
{#                        <span class="teal-text" status="skip" alt="skip" title="skip"><i#}
{#                                class="material-icons">redo</i></span>#}
{#                        <span status="clear" alt="Clear filters" title="Clear filters"><i#}
{#                                class="material-icons">clear</i></span>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}
        <!-- subview right -->
        <!-- test view -->
{#        <div id='category-view' class='view hide'>#}
{##}
{#            <section id='controls'>#}
{#                <div class='controls grey lighten-4'>#}
{#                    <!-- search -->#}
{#                    <div class='chip transparent' alt='Search Tests' title='Search Tests'>#}
{#                        <a href="#" class='search-div'>#}
{#                            <i class='material-icons'>search</i> Search#}
{#                        </a>#}
{##}
{#                        <div class='input-field left hide'>#}
{#                            <input tyle="color: red;" id='search-tests' type='text'#}
{#                                   class='validate browser-default'#}
{#                                   placeholder='Search Tests...'>#}
{#                        </div>#}
{##}
{#                    </div>#}
{#                    <!-- search -->#}
{#                </div>#}
            </section>

{#            <div class='subview-left left'>#}
{##}
{#                <div class='view-summary'>#}
{#                    <h5>Categories</h5>#}
{#                    <ul id='category-collection' class='category-collection'>#}
{##}
{#                        <li class='category displayed active'>#}
{#                            <div class='category-heading'>#}
{#                                <span class='category-name'>All Suites</span>#}
{#                                <span class='category-status right'>#}
{#							    <span class='label pass'>{{ stat.successes }} </span>#}
{#                                {% if stat.failures != 0 %}#}
{#                                    <span class='label fail'>{{ stat.failures }}</span>#}
{#                                {% endif %}#}
{#                                {% if stat.errors != 0 %}#}
{#                                    <span class='label blue lighten-1'>{{ stat.errors }}</span>#}
{#                                {% endif %}#}
{#                                {% if stat.skipped != 0 %}#}
{#                                    <span class='label yellow darken-2'>{{ stat.skipped }}</span>#}
{#                                {% endif %}#}
{#                                </span>#}
{#                            </div>#}
{#                            <div class='category-content hide'>#}
{#                                <div class='category-status-counts'>#}
{#                                    <span class='label green accent-4 white-text'>Passed: {{ stat.successes }}</span>#}
{#                                    <span class='label red lighten-1 white-text'>Failed: {{ stat.failures }}</span>#}
{#                                    <span class='label blue lighten-1 white-text'>Errored: {{ stat.errors }}</span>#}
{#                                    <span class="label yellow darken-2 white-text">Skipped: {{ stat.skipped }}</span>#}
{#                                </div>#}
{##}
{#                                <div class='category-tests'>#}
{#                                    <table class='bordered table-results'>#}
{#                                        <thead>#}
{#                                        <tr>#}
{#                                            <th>Timestamp</th>#}
{#                                            <th>TestName</th>#}
{#                                            <th>Status</th>#}
{#                                        </tr>#}
{#                                        </thead>#}
{#                                        <tbody>#}
{#                                        {% for test_suite_summary in details %}#}
{#                                        <tr style="border: 1px solid #49cc90; background-color: rgba(73, 204, 144, .1)">#}
{#                                            <td>{{ test_suite_summary.time.start_at }}</td>#}
{#                                            <td class='linked'#}
{#                                                test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>{{#}
{#                                                test_suite_summary.name }}#}
{#                                            </td>#}
{#                                            {% if test_suite_summary.success == True %}#}
{#                                            <td><span class='test-status pass'>pass</span></td>#}
{#                                            {% else %}#}
{#                                            <td><span class='test-status fail'>fail</span></td>#}
{#                                            {% endif %}#}
{##}
{#                                        </tr>#}
{#                                        {% for record in test_suite_summary.records %}#}
{#                                        {% if record.name != test_suite_summary.name %}#}
{#                                        <tr>#}
{#                                            <td>{{ record.meta_data.request.start_timestamp }}</td>#}
{#                                            <td class='linked'#}
{#                                                test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                                {{ record.name }}#}
{#                                            </td>#}
{#                                            {% if record.status == 'success' %}#}
{#                                            <td><span class='test-status pass'>pass</span></td>#}
{#                                            {% elif record.status == 'failure' %}#}
{#                                            <td><span class='test-status fail'>fail</span></td>#}
{#                                            {% elif record.status == 'error' %}#}
{#                                            <td><span class='test-status error'>error</span></td>#}
{#                                            {% elif record.status == 'skipped' %}#}
{#                                            <td><span class='test-status' style="color: #fbc02d">skip</span>#}
{#                                            </td>#}
{#                                            {% endif %}#}
{#                                        </tr>#}
{#                                        {% endif %}#}
{#                                        {% endfor %}#}
{#                                        {% endfor %}#}
{#                                        </tbody>#}
{#                                    </table>#}
{#                                </div>#}
{#                            </div>#}
{#                        </li>#}
{##}
{#                        {% for test_suite_summary in details %}#}
{#                        <li class='category displayed active'>#}
{#                            <div class='category-heading'>#}
{#                                <span class='category-name'>{{ test_suite_summary.name }}</span>#}
{#                                <span class='category-status right'>#}
{#							    <span class='label pass'>{{ test_suite_summary.stat.successes }} </span>#}
{#                                    {% if test_suite_summary.stat.failures != 0 %}#}
{#                                        <span class='label fail'>{{ test_suite_summary.stat.failures }}</span>#}
{#                                    {% endif %}#}
{#                                    {% if test_suite_summary.stat.errors != 0 %}#}
{#                                        <span class='label blue lighten-1'>{{ test_suite_summary.stat.errors }}</span>#}
{#                                    {% endif %}#}
{#                                    {% if test_suite_summary.stat.skipped != 0 %}#}
{#                                        <span class='label yellow darken-2'>{{ test_suite_summary.stat.skipped }}</span>#}
{#                                    {% endif %}#}
{#                                </span>#}
{#                            </div>#}
{#                            <div class='category-content hide'>#}
{#                                <div class='category-status-counts'>#}
{#                                    <span class='label green accent-4 white-text'>Passed: {{ test_suite_summary.stat.successes }}</span>#}
{#                                    <span class='label red lighten-1 white-text'>Failed: {{ test_suite_summary.stat.failures }}</span>#}
{#                                    <span class='label blue lighten-1 white-text'>Errored: {{ stat.errors }}</span>#}
{#                                    <span class="label yellow darken-2 white-text">Skipped: {{ test_suite_summary.stat.skipped }}</span>#}
{#                                </div>#}
{##}
{#                                <div class='category-tests'>#}
{#                                    <table class='bordered table-results'>#}
{#                                        <thead>#}
{#                                        <tr>#}
{#                                            <th>Timestamp</th>#}
{#                                            <th>TestName</th>#}
{#                                            <th>Status</th>#}
{#                                        </tr>#}
{#                                        </thead>#}
{#                                        <tbody>#}
{#                                        {% for record in test_suite_summary.records %}#}
{#                                        <tr>#}
{#                                            <td>{{ record.meta_data.request.start_timestamp }}</td>#}
{#                                            <td class='linked'#}
{#                                                test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>#}
{#                                                {{ record.name }}#}
{#                                            </td>#}
{#                                            {% if record.status == 'success' %}#}
{#                                            <td><span class='test-status pass'>pass</span></td>#}
{#                                            {% elif record.status == 'failure' %}#}
{#                                            <td><span class='test-status fail'>fail</span></td>#}
{#                                            {% elif record.status == 'error' %}#}
{#                                            <td><span class='test-status error'>error</span></td>#}
{#                                            {% elif record.status == 'skipped' %}#}
{#                                            <td><span class='test-status' style="color: #fbc02d">skip</span>#}
{#                                            </td>#}
{#                                            {% endif %}#}
{#                                        </tr>#}
{#                                        {% endfor %}#}
{#                                        </tbody>#}
{#                                    </table>#}
{#                                </div>#}
{#                            </div>#}
{#                        </li>#}
{#                        {% endfor %}#}
{#                    </ul>#}
{#                </div>#}
{#            </div>#}

            <div class='subview-right left'>
                <div class='view-summary'>
                    <h5 class='category-name'></h5>
                </div>
            </div>
        </div>
        <!-- category view -->

        <div id='dashboard-view' class='view hide'>
            <div class='card-panel transparent np-v'>
                <h5>Dashboard</h5>

{#                <div class='row'>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Pass#}
{#                            <div class='panel-lead'>{{ stat.successes }}</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Fail#}
{#                            <div class='panel-lead'>{{ stat.failures }}</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Error#}
{#                            <div class='panel-lead'>{{ stat.errors }}</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Skip#}
{#                            <div class='panel-lead'>{{ stat.skipped }}</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Start#}
{#                            <div class='panel-lead'>{{ time.start_datetime }}</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s2'>#}
{#                        <div class='card-panel r' style="background-color:#fde4e4">#}
{#                            Time Taken#}
{#                            <div class='panel-lead'>{{ '%0.3f'| format(time.duration|float) }} seconds</div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class='col s4'>#}
{#                        <div class='card-panel'>#}
{#                            <span class='right label cyan white-text'>Categories</span>#}
{#                            <p>&nbsp;</p>#}
{#                            <table>#}
{#                                <tr>#}
{#                                    <th>Name</th>#}
{#                                    <th>Passed</th>#}
{#                                    <th>Failed</th>#}
{#                                    <th>Errored</th>#}
{#                                    <th>Skipped</th>#}
{#                                </tr>#}
{#                                <tr>#}
{#                                    <td>All Suites</td>#}
{#                                    <td class="pass">{{ stat.successes }}</td>#}
{#                                    <td class="fail">{{ stat.failures }}</td>#}
{#                                    <td class="error">{{ stat.errors }}</td>#}
{#                                    <td class="skip">{{ stat.skipped }}</td>#}
{#                                </tr>#}
{##}
{#                                {% for test_suite_summary in details %}#}
{#                                <tr>#}
{#                                    <td>{{ test_suite_summary.name }}</td>#}
{#                                    <td class="pass">{{ test_suite_summary.stat.successes }}</td>#}
{#                                    <td class="fail">{{ test_suite_summary.stat.failures }}</td>#}
{#                                    <td class="error">{{ test_suite_summary.stat.errors }}</td>#}
{#                                    <td class="skip">{{ test_suite_summary.stat.skipped }}</td>#}
{#                                </tr>#}
{#                                {% endfor %}#}
{#                            </table>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
            </div>
        </div>
        <!-- dashboard view -->
        <!-- testrunner-logs view -->
        <!-- container -->
    </div>
<script>
    var test_suite_success = 0;
    {%for test_suite_summary in details %}
        {% if test_suite_summary.success == True %}
            test_suite_success = test_suite_success + 1;
        {% endif %}

    {% endfor %}

    var statusGroup = {
        passParent: {{ stat.successes }},
        failParent: {{ stat.failures }},
        fatalParent: 0,
        errorParent: {{ stat.errors }},
        warningParent: 0,
        skipParent: {{ stat.skipped }},
        exceptionsParent: 0,

        passChild: test_suite_success,
        failChild: {{ details|length }} -test_suite_success,
        fatalChild: 0,
        errorChild: 0,
        warningChild: 0,
        skipChild: 0,
        infoChild: 0,
        exceptionsChild: 0,

        passGrandChild: 0,
        failGrandChild: 0,
        fatalGrandChild: 0,
        errorGrandChild: 0,
        warningGrandChild: 0,
        skipGrandChild: 0,
        infoGrandChild: 0,
        exceptionsGrandChild: 0,
    };

    document.getElementById('pass_suites').innerHTML = "<span class='strong'>" + test_suite_success + "</span> suite(s) passed";//找到id为'myId'的标签内插入html变量的值
    document.getElementById('fail_suites').innerText = {{ details|length }} -test_suite_success;//找到id为'myId'的标签替换它的内容为html的值

</script>




<script type='text/javascript'>
    $(window).off("keydown");
</script>
</body>

</html>